<?php
/**
 * @version     kingadmin-v1.2-tx
 * @package     tpl_gpcb
 * @copyright   Copyright (C) 2014. All Rights Reserved
 * @license     Creative Commons Attribution-NoDerivatives 4.0 International License
 * @author      caballeroantonio <caballeroantonio@hotmail.com> - http://caballeroantonio.com
 */

// No direct access
defined('_JEXEC') or die;

$kbpath = 'templates/gpcb';
?>

							<div class="main-header">
								<h2>Charts</h2>
								<em>various charts with simple usage, attractive looks and interactive features</em>
							</div>

							<div class="main-content">
								<div class="row">
									<div class="col-md-6">
										<!-- WIDGET LINE CHART -->
										<div class="widget">
											<div class="widget-header">
												<h3><i class="fa fa-bar-chart-o"></i> Flot Chart: Line Chart</h3> <em> - line chart with multiple data (current year)</em>
											</div>
											<div class="widget-content">
												<div class="demo-flot-chart" id="demo-line-chart" data-ctype="#year"></div>
											</div>
										</div>
										<!-- END WIDGET LINE CHART -->
									</div>
									<div class="col-md-6">
										<!-- WIDGET AREA CHART -->
										<div class="widget">
											<div class="widget-header">
												<h3><i class="fa fa-bar-chart-o"></i> Flot Chart: Area Chart</h3> <em> - area chart with multiple data (current week)</em>
											</div>
											<div class="widget-content">
												<div class="demo-flot-chart sales-chart" id="demo-area-chart" data-ctype="#week"></div>
											</div>
										</div>
										<!-- END WIDGET AREA CHART -->
									</div>
								</div>

								<div class="row">
									<div class="col-md-6">
										<!-- WIDGET VERTICAL BAR CHART  -->
										<div class="widget">
											<div class="widget-header">
												<h3><i class="fa fa-bar-chart-o"></i> Flot Chart: Vertical Bar Chart</h3> <em> - side-by-side bar chart</em>
											</div>
											<div class="widget-content">
												<div class="demo-flot-chart" id="demo-vertical-bar-chart" data-ctype="#week"></div>
											</div>
										</div>
										<!-- END WIDGET VERTICAL BAR CHART  -->
									</div>
									<div class="col-md-6">
										<!-- WIDGET HORIZONTAL BAR CHART  -->
										<div class="widget">
											<div class="widget-header">
												<h3><i class="fa fa-bar-chart-o"></i> Flot Chart: Horizontal Bar Chart</h3> <em> - horizontal version</em>
											</div>
											<div class="widget-content">
												<div class="demo-flot-chart" id="demo-horizontal-bar-chart"></div>
											</div>
										</div>
										<!-- END WIDGET HORIZONTAL BAR CHART  -->
									</div>
								</div>

								<div class="row">
									<div class="col-md-6">
										<div class="widget">
											<div class="widget-header">
												<h3><i class="fa fa-bar-chart-o"></i> Flot Chart: Combining Chart Types</h3> <em> - combining lines, points and bars</em>
											</div>
											<div class="widget-content">
												<div class="demo-flot-chart" id="demo-multi-types-chart"></div>
											</div>
										</div>
									</div>
									<div class="col-md-6">
										<div class="widget">
											<div class="widget-header">
												<h3><i class="fa fa-bar-chart-o"></i> Flot Chart: Donut Chart</h3> <em> - also can be configured as pie chart</em>
											</div>
											<div class="widget-content">
												<div class="demo-flot-chart" id="demo-donut-chart"></div>
											</div>
										</div>
									</div>
								</div>
							</div><!-- /main-content -->
						

	<!-- Javascript -->


	
	<script src="<?= $kbpath ?>/assets/js/stat/flot/jquery.flot.min.js"></script>
	<script src="<?= $kbpath ?>/assets/js/stat/flot/jquery.flot.resize.min.js"></script>
	<script src="<?= $kbpath ?>/assets/js/stat/flot/jquery.flot.time.min.js"></script>
	<script src="<?= $kbpath ?>/assets/js/stat/flot/jquery.flot.pie.min.js"></script>
	<script src="<?= $kbpath ?>/assets/js/stat/flot/jquery.flot.orderBars.js"></script>
	<script src="<?= $kbpath ?>/assets/js/stat/flot/jquery.flot.tooltip.min.js"></script>
	<script src="<?= $kbpath ?>/assets/js/king-chart-stat.js"></script>
